<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
</head>
<body>
    <h1>多级导航条页面</h1>
    <ul class="one">
        {% for nav1 in navs %}
        <li>
            <p><a href="{{ nav1.nav1url }}">{{ nav1.nav1name }}</a></p>
            <ul class="two">
                {% for nav2 in nav1.nav2 %}
                <li>
                    <p><a href="{{ nav2.nav2url }}">{{ nav2.nav2name }}</a></p>
                    <ul class="three">
                        {% for nav3 in nav2.nav3 %}
                        <li>
                            <p><a href="{{ nav2.nav2url }}">{{ nav3.nav3name }}</a></p>
                        </li>
                        {% endfor %}
                    </ul>
                </li>
                {% endfor %}
            </ul>
        </li>
        {% endfor %}
    </ul>
</body>
</html>